@import '~styles/config.scss';

.main {
    // background: $--background-color-base;
    height   : calc(100vh - 220px) !important;
    overflow: hidden;
    overflow-y: auto;
}

.span1 {
    color: #999
}

.footer {
    text-align: center;
}
.head{
    margin:-20px -20px -20px -20px;
    display: flex;
    padding-right:50px;
    align-items: center;
    .title{
        padding-left:16px;
        width:50%;
        font-size: 18px;
    }
}
.tabs{
    margin-left:-300px;
    width:600px;
    display: flex;
    // background: #fff;
    // border:1px solid $--border-color-lighter;
    // border-radius: 100px;
    // padding:3px;
    align-items: center;
    &.true{
        opacity: .5;
    }
    
    .dd{
        font-size: 14px;
        // line-height:34px;
        height:60px;
        flex:1;
        text-align: center;
        cursor: pointer;
        display: flex;
        justify-content: center;
        flex-direction: column;
        transition: all .5s;
        color:$--color-text-regular;
        font-size: 12px;
        i{
            // margin-right:10px;
            display: block;
            padding-bottom:4px;
            font-size: 20px;
        }
        &:hover{
            background: #fff;
        }
        &.true{
            background-color:$--color-primary;
            color:#fff; 
            // border-radius: 100px;
        }
       
       
    }
}